You are here: Landing Pages > Creating a Landing Page Part III: Edit Page

Creating a Landing Page Part III: Edit Page

 

On the Edit Page, you can add a page title and edit the content of your page. You can also insert images from the Asset Library.

 

 

The Page Title

 

This is what will appear at the top of each landing page in your browser. Limit your name to 200 characters or less.

 

To create a page title

Click the Page Title field, and the type a title.

 

To hide the page title

Click the Hide button above the Page Title label.

 

 

This gives you more room for the HTML Editor. To show the page title, click the button again.

 

Inserting Images from the Asset Library

 

The right side of the Edit Page displays a panel containing assets from the Asset Library. You can insert images from this panel.

 

 

Forms

One of the most important features of landing pages is the ability to create a form.

 

Making the Landing Page Viewable by Search Engines

 

By default, landing pages are not viewable by search engines. You can make them viewable and add a description and keywords to help them achieve a higher ranking in search engine results.

 

1. Click the Settings command.

 

 

2. In the dialog that appears, select Page viewable by Search Engines.

 

 

3. In the Meta Description box, type a description of your page (approximately 50 words or less). This is the description that will appear on a search engine page.

 

4. In the Meta Keywords box, type words or phrases that represent your page (approximately 25 or less words or phrases works best).

 

5. When you are finished, click the Apply button.

 

NOTE   To learn more about the Meta Description or Meta Keywords sections, move your pointer over the question mark (tooltip) button.

 

The HTML Editor

 

In the HTML Editor, you can create new content or edit the content you added when you chose a source on the Select Template page. The Editor works much like a word processor: you type text and then change its format by selecting it and choosing various commands. The difference, of course, is that the Editor produces HTML.

 

The HTML Editor consists of two main sections:

 

1. The toolbar.

 

2. The workspace.

 

The Toolbar and Workspace

The toolbar contains features that are similar to those found in word-processing or web design programs. You can also do things like add images/ and create web links.

 

NOTE  Your browser may have security settings that prevent you from using some of these buttons. You can use keyboard shortcuts instead (for example, to copy text, press Ctrl+C).

 

The workspace is the space below the toolbar where you make changes to the template (if you chose one) and/or add new content.

 

Here are the tasks you can perform using the toolbar:

Toggle between Source Code view and HTML view

Click the Source button.

 

 

While in Source Code view, you can edit the HTML directly.

 
Cut an item

Select the item, and then click the Cut button.

 
Copy an item

Select the item, and then click the Copy button

 
Paste an item from the clipboard

Click the pointer where you want the item to be located, and then click the Paste button.

    

 

Undo or redo an action

Click the Undo or Redo button.

 

    

 
Bold / Underline / Italic

1. Select the text.

2. Click the button to apply the style you want:

 

   Bold

 

   Underline

 

   Italic

 
Create a Numbered List

1. Select the text.

2. Click the Insert/Remove Numbered List button.

 

 

-or-

 

To create the list as you type

1. Click the Numbered List button. A "1" appears, indicating the first item in the list.

2. Continue typing. Each time you press Enter, a new line starts that is numbered automatically.

 

Create a Bulleted List

1. Select the text.

2. Click the Bulleted List button.

 

 

-or-

 

To create the list as you type

1. Click the Bulleted List button. A bullet appears, indicating the first item in the list.

2. Continue typing. Each time you press Enter, a new line starts that is bulleted automatically.

 
Indent / Decrease Indent

1. Select the text., image or table.

2. Click the Indent button.

 

 

You can also click the Indent button first (one or more times), and then type or insert an item.

 

To decrease indented items

1. Select the items, or (for a single paragraph), click the pointer anywhere in the paragraph.

2. Click the Decrease Indent button one or more times.

 

 

 Justification

1. Select the text, image, or table.

2. Click the button to apply the justification you want:

 

   Left

 

   Center

 

   Right

 
Insert a table

1. Click the Insert/Edit Table button.

 

 

2. Choose the properties you want.

3. Click OK.

 

Learn more about table properties.

 

Insert an image

1. Click the Insert/Edit Image button.

 

 

2. In the Image Properties dialog, type the URL of the image in the URL field.

3. Enter any other properties you want. You can click the Link and Advanced tabs to choose more properties.

4. Click OK.

 

Learn more about image properties.

 

NOTES

    Make sure the path for your images/ is the absolute path (the complete URL), not the relative path.

   Wrong: /img/product.jpg

   Right: http://example.com/img/product.jpg

    The file formats supported for images are GIF, JPG, and PNG.

 
Insert a Special Character

Click the Insert Special Character button, and then choose the character you want.

 

 

Edit an image

Click the image, and then click the Insert/Edit Image button.

 

 

You can also right-click the image and then choose Image Properties.

 
Create a link

1. Select the text to change to a link.

2. Click the Insert/Edit Link button.

 

 

3. Choose the properties you want.

4. Click OK.

 

NOTE If the Link button is not active, click anywhere in the white workspace area of the Editor. This should make it active.

 

Edit a link

1. Click the pointer anywhere inside the link.

2. Click the Insert/Edit Link button.

 

 
Insert an anchor

Click the Insert/Edit Anchor button.

 

 
Insert a form

Click the Insert Form button.

 

Learn more about adding and editing forms.

 

Format (Style)

1. Select the text.

2. Click the Format drop-down list, and then choose the HTML style you want.

 

 

Font

1. Select the text.

2. Click the Font drop-down list, and then choose the font you want.

 

 

Size

1. Select the text.

2. Click the Size drop-down list, and then choose the size you want.

 

 
Text Color

1. Select the text.

2. Click the Text Color button, and then choose the color you want for the text. In the dialog that appears, you can click More Colors and then create a custom color.

 

 

To show or hide the toolbar

Click the arrow on the left side of the toolbar.

 

 

When you are finished with the Edit Page, click the Continue button.

 

 

Next: The Publish Page